<template>
    <div id="root" style="overflow: auto;margin-left:-7px">
        <div id="footer" class="footer--tabbar" style="position: fixed; height: 100%; width: 100%; top: 0px;">
            <div class="am-tab-bar">
<div class="am-tabs am-tabs-horizontal am-tabs-bottom">
<div class="am-tabs-content-wrap" style="touch-action: pan-x pan-y; position: relative; left: 0%;">
<div class="am-tabs-pane-wrap am-tabs-pane-wrap-active" role="tabpanel" aria-hidden="false" aria-labelledby="m-tabs-5-0"><div class="am-tab-bar-item">
<div class="main--home" style="height: 762px;">
    <div class="main--register-coupon">
        <div class="coupon-pub">
            <img src="https://cq12df.oss-cn-hangzhou.aliyuncs.com/frontvue/coupon-pub.f68b8781.png" alt="发单优惠券"></div>
            <div class="coupon-sd">
                <img src="https://cq12df.oss-cn-hangzhou.aliyuncs.com/frontvue/coupon-handle.3d098304.png" alt="发单优惠券"></div></div></div>
    </div>
</div>
</div>
</div>
            </div>
        </div>
        <orderfooter></orderfooter>
    </div>
</template>
<script>
import { orderfooter } from '../index'

export default {
    data() {
      return {
      }
    },
     components: {
        orderfooter,
     }
}
</script>

<style scoped>
.coupon-sd {
    background: #0c9eff;
}
img {
    max-width: 100%;
    min-height: calc(50vh - 25px);
}
.coupon-pub {
    background: #47d6ff;
}
.main--register-coupon {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
}
.main--home {
        margin: 0;
    position: relative;
}
.am-tab-bar-item {
    height: 100%;
}
.am-tabs-horizontal .am-tabs-pane-wrap-active {
    height: auto;
}
.am-tabs-pane-wrap {
    width: 100%;
    flex-shrink: 0;
    overflow-y: auto;
}
.am-tabs-content-wrap {
    display: flex;
    flex: 1 1;
    width: 100%;
    height: 100%;
    min-height: 0;
}
.am-tabs-bottom {
    flex-direction: column;
}
.am-tabs {
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.am-tab-bar {
    height: 100%;
    overflow: hidden;
}
</style>
